import type { TabsProps } from 'antd';
import RulesConfigWarning from './Warning';
import RulesConfigInstance from './Instance';
const RulesConfig = () => {
  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '规则列表',
      children: <RulesConfigWarning />,
    },
    {
      key: '2',
      label: '规则实例',
      children: <RulesConfigInstance />,
    },
  ];
  return (
    <div className="page-wrapper">
      <div className="page-title">
        <div className="page-main-title">规则引擎</div>
        <div className="page-sub-title">根据设备上报数据，规则引擎可以判断并发起告警通知或联动</div>
      </div>
      <div className="page-content-box">
        <div className="page-content flex show-bg">
          <div className="w-full">
            <ATabs defaultActiveKey="1" items={items} />
          </div>
        </div>
      </div>
    </div>
  );
};

export default RulesConfig;
